.top-main {
  width: 100%;
  height: 3.3429rem;
  margin-top: 1rem;
  margin-left: .3rem;
}

.top-main .top-main-news {
  width: 100%;
  height: 3.3429rem;
  margin-top: -1rem;
}

.top-main .top-main-news li {
  float: left;
  width: 1rem;
  height: 1.4571rem;
  padding-left: .2286rem;
  overflow: hidden;
  /* background-color: red; */
}


.top-main .top-main-news li .news-a {
  position: relative;
  width: 1rem;
  height: 1rem;
}

.top-main .top-main-news li .news-a img {
  cursor: pointer;
  transition: all .3s;
}


.top-main .top-main-news li .news-a img:hover {
  transform: scale(1.02);
}

.top-main .top-main-news li .news-a .img-buttom {
  position: absolute;
  width: 100%;
  height: .1929rem;
  bottom: 0;
  background-image: url("../images/coverall.png");
  background-position: 0 -3.8357rem;
  ;
}

.top-main .top-main-news li .news-a .img-buttom .img-buttom-l {
  display: block;
  float: left;
  width: .1rem;
  height: .0786rem;
  margin: .0643rem .0357rem .0643rem .0714rem;
  background-image: url("../images//play-plug.png");
  background-position: 0 -0.1714rem;
}

.top-main .top-main-news li .news-a .img-buttom .img-buttom-m {
  display: block;
  float: left;
  margin-top: .05rem;
  color: #ccc;
}

.top-main .top-main-news li .news-a .img-buttom .img-buttom-r {
  display: block;
  float: right;
  width: .1143rem;
  height: .1214rem;
  margin: .0357rem .0714rem;
  background-image: url("../images/play-plug.png");
  background-position: 0 0rem;
}

.top-main .top-main-news li .news-a .img-buttom .img-buttom-r:hover {
  background-image: url("../images/play-plug.png");
  background-position: 0 -0.4286rem;
}

.top-main .top-main-news li p {
  margin: .0571rem 0;

}
